<template>
  <div class="home" :class="home">
    <img alt="Vue logo" src="../assets/logo.png" />
    <h1>菜到没名字</h1>
    <h2>{{ uname }}</h2>
    <router-link to="/about">About</router-link>
    <!-- <tabHoller/> -->
  </div>
</template>

<script>
// import TabHoller from "@/components/tabHoller"
export default {
  data() {
    return {
      uname: "方景琴，是个大傻子"
    };
  },
  components: {
    // TabHoller
  },
};
</script>
  
<style scoped>
.home {
  background-image: url(../assets/logo.png) no-repeat;
}
.home > h1 {
  background-color: red;
  color: yellow;
}
h2 {
  color: aqua;
  background-color: brown;
}
</style>